<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
    <!--相对路径:从当前html文件出发去找资源
    1)图片与html文件在同一级目录,直接写图片全名 1.png
    2)图片在html文件的下一级目录,先写文件夹,再写图片全名 img/2.png
    3)图片在html文件的上一级目录,先../回到上级,再写图片全名 ../3.png
    -->
    <img src="2.png" alt="">
    <img src="img/1.png" alt="">
    <img src="../3.png" alt="">
    <img src="abc" alt="哎呀,图片被外星人偷走了">
    <img src="img/4.jpeg" width="200px" alt="" title="这是超超的心上人">

    <!-- 绝对路径:从根目录出发去找资源   -->
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///71528d307b3c4e07a9d3b96efc697cca.png" alt="">
</body>
</html>